.item {
  margin-bottom: 20px;
}
.options {
  padding: 10px 0;
}
.green {
  color: #1ebb3f;
}
.opt {
  flex-direction: row;
  align-items: center;
  color: #676767;
  cursor: pointer;
  padding: 3px 0;
  &.active {
    .cir {
      border-color: #f00;
      border-width: 2px;
      &:after {
        background: #f00;
      }
    }
  }
  &.activeTrue {
    .cir {
      border-color: #1ca900;
      border-width: 2px;
      &:after {
        background: #1ca900;
      }
    }
  }
  .cir {
    width: 18px;
    height: 18px;
    border: solid 1px #888;
    border-radius: 100px;
    margin-right: 10px;
    position: relative;
    &:after {
      content: '';
      position: absolute;
      left: 2px;
      right: 2px;
      top: 2px;
      bottom: 2px;
      border-radius: 100px;
    }
  }
}

.resultBox {
}
